<template>
  <div class="content">
    <div v-if="issuc">
      <p>您所提供的资料已通过初审。</p>
      <p>
        请您尽快将《特约商户服务协议》及材料寄往我司，我司将在收到协议及材料后1-2个工作日内完成复审，复审结果将会通过邮件形式告知，请
        注意查收。
      </p>
      <p>为了您的申请能顺利进行，请仔细阅读以下说明，并严格按照本说明签订协议和提供材料：</p>
      <a-row>
        <a-col :xs="{ span : 24 }" :sm="{ span:7 }" class="formGroupTitle">客户类型为: 企业</a-col>
      </a-row>
      <p>1、填写完整的《特约商户服务协议》一式两份，用公章/合同章加盖尾章和骑缝章；</p>
      <p>2、法定代表人身份证正面和背面复印到一张A4纸上加盖公章一份；</p>
      <p>3、营业执照复印件加盖公章一份；</p>
      <p>4、对公账户证明复印件加盖公章一份；</p>
      <p>5、如非法定代表人本人申请，需提供授权委托书一份；授权委托人身份证正面和背面复印到一张A4纸上加盖公章一份；</p>
      <p>6、初审时要求提供的其他材料的复印件加盖公章一份。</p>
      <a-row>
        <a-col :xs="{ span : 24 }" :sm="{ span:7 }" class="formGroupTitle">客户类型为: 个体工商户</a-col>
      </a-row>
      <p>1、填写完整的《特约商户服务协议》一式两份，加盖手印并签字；</p>
      <p>2、法定代表人身份证正面和背面复印到一张A4纸上加盖手印并签字一份；</p>
      <p>3、营业执照复印件加盖手印并签字一份；</p>
      <p>4、法定代表人银行卡正面和背面复印到一张A4纸上加盖手印并签字一份；</p>
      <p>5、如非法定代表人本人申请，需提供授权委托书一份；授权委托人身份证正面和背面复印到一张A4纸一份；</p>
      <p>6、初审时要求提供的其他材料的复印件加盖手印并签字一份。</p>
      <a-row>
        <a-col :xs="{ span : 24 }" :sm="{ span:7 }" class="formGroupTitle">文件下载</a-col>
      </a-row>
      <a class="a-style" target="_blank" href="www.baidu.com">特约商户服务协议</a>
      <a class="a-style" target="_blank" href="static/授权委托书.docx" download="授权委托书.docx">授权委托书</a>
      <a-row>
        <a-col :xs="{ span : 24 }" :sm="{ span:7 }" class="formGroupTitle">邮寄地址</a-col>
      </a-row>
      <p>上海市长宁区延安西路500号嘉宁国际703</p>
      <p>XX支付机构风控部</p>
      <p>021-XXXXXXXX</p>
    </div>
    <div v-if="!issuc">
      <p>
        您所提供的资料未通过复审，复审拒绝原因为:
        <span style="color:#f5222d;">{{ recheckResult }}</span> 。
      </p>
      <p>请您根据要求重新提供材料，我司将在收到材料后1-2个工作日内完成复审，复审结果将会通过邮件形式告知，请注意查收。</p>
    </div>
    <div class="a-sty">
      <a-button type="primary" @click="closePage">关闭页面</a-button>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      issuc: true,
      docking: true,
      recheckResult: "未提供法定代表人身份证；营业执照复印件未盖章",
      formItemLayout: {
        labelCol: {
          xs: { span: 24 },
          sm: { span: 7 }
        },
        wrapperCol: {
          xs: { span: 24 },
          sm: { span: 12 },
          md: { span: 10 }
        }
      }
    };
  },
  beforeCreate() {
    this.form = this.$form.createForm(this);
  },
  created() {
    let recheckResult = sessionStorage.getItem('recheckResult');
    if(recheckResult){
      this.recheckResult = recheckResult;
    }
  },
  mounted() {
    console.log(this.$route.query.issuc,typeof this.$route.query.issuc);
    if (this.$route.query.issuc == "true") {
      console.log("修改");
      //   this.SpeDataModify();
      this.issuc = true;
    } else {
      this.issuc = false;
    }
  },
  methods: {
    closePage() {
      // if (
      //   navigator.userAgent.indexOf("Firefox") != -1 ||
      //   navigator.userAgent.indexOf("Chrome") != -1
      // ) {
      //   window.location.href = "about:blank";
      //   window.close();
      // } else {
      //   window.opener = null;
      //   window.open("", "_self");
      //   window.close();
      // }
         this.$router.push("/userMain");
    },
    doNext(step) {
      console.log(step);
      var st = step + 1;
      this.$router.push("/SpeCustomer/step" + st);
    },
    onChange(e) {
      console.log("radio checked", e.target.value);
      if (e.target.value == "b") {
        this.docking = false;
      } else {
        this.docking = true;
      }
    }
  }
};
</script>
<style lang="scss" scoped>
.formGroupTitle {
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 15px;
}
.content {
  // text-align: center
}
.card {
  margin-top: 50px;
}
.card .title {
  text-align: center;
  padding: 20px;
  font-size: 18px;
}

.btn-next {
  margin-top: 20px;
}
.btn-style {
  background: #ccc;
  border: 1px solid #ccc;
  color: #eee;
}
.a-sty {
  text-align: center;
}
.a-style {
  font-size: 14px;
  color: #1890ff;
}
</style>



